<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" session="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">
    <title>开门红包</title>

    <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/font-awesome-4.3.0/css/font-awesome.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/css/select2.min.css"
          rel="stylesheet">
    <!-- jqgrid-->
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/custom.ui.jqgrid.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/layer/skin/layer.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/style.css" rel="stylesheet">

    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/jquery.form.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/common.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/i18n/grid.locale-cn.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/minified/jquery.jqGrid.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/layer/layer.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/static/js/global.js"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/js/select2.min.js"></script>
	<script type="text/javascript"
            src="${pageContext.request.contextPath}/static/plugins/My97DatePicker/WdatePicker.js"></script>
    <style type="text/css">
        .main h5 a {
            position: absolute;
            right: 20px;
            font-size: 14px;
            bottom: 0px;
            display: inline-block;
            padding: 5px;
        }

        .table_list tbody tr {
            height: 35px;
            text-align: center;
        }
        .div1{
           margin-top: 16px;
    		border: solid #CCCCCC;
    		border-width: 1px 0px 0px 0px;
        }
        .td3{
        	border:solid #CCCCCC; 
        	border-width:0px 1px 1px 0px; 
        	padding:10px 0px; width: 30%;
        	height: 120px;
        	}
        .enjoyA{
        	    color: orangered;
        	    font-size: 25px;
        	    margin-left: 26px;
        }
        .enjoyA:hover{color: orangered;}
        .enjoyB{
        	    color: #CCCCCC;
        	    font-size: 18px;
        	    margin-left: 26px;
        }
        .name1{
        	font-size: 18px;
        	margin-left: 26px;
        }
		.left ul li{
			
			*line-height:40px;
			
			*padding-left:20px;
		}
		
		.left ul li a, .left ul li a:hover{
			*color:#fff;
		}
		.list-tab li{
			*+padding:0px 10px 10px;
		}
		.list-header{
			
		}
		.btn{
			*width:60px;
		}
		.lt{
			float:left;
		}
		.ui-pg-button{
			*background:#ccc;
		}
		.col-md-3{
			*width:100px;
		}
		.form-group{
			*overflow: hidden;
		}
		.pagination{
			*margin-left:50%;
		}
		.wrapper{
			*margin-left:270px;
		}
		#rName{
			*padding:0;
		}
		
    </style>
</head>
<body view="menu-item-4142">
<jsp:include page="../../top.jsp"></jsp:include>
<div class="right">
 	<div class="wrapper">
        <div class="panel panel-default">
            <table id="enjoyTable">
            <tr>
            	<td class="td3" style="width: 24%;">
            	<div class="name1">账户余额</div>
            	<span class="enjoyA" id="countAmount"></span>
            	<div style="float: right;margin-right: 50px;">
	            	<a id="help1" class="enjoyB" href="${pageContext.request.contextPath}/admin/redPacket_howRechargeView.action">账户如何充值？</a>
            	</div>
            	<div style="float: right;margin-right: 70px;">
	            	<a id="help2" class="enjoyB" href="${pageContext.request.contextPath}/admin/redPacket_rechargeListView.action">查看充值记录</a>
            	</div>
            	</td>
            	<td class="td3" style="width: 15%;">
            	<div class="name1">进行中的红包</div>
            	<span class="enjoyA" id="red"></span>
            	<c:if test="${userRole ==3 ||  userRole ==4}">
	            	<input type="button" style="padding: 2px 10px;margin-left: 69px;font-size: 16px !important;width:120px;" class="inButton btn btn-success" value="创建红包 " onclick="add()">
            	</c:if>
            	</td>
            	<td class="td3">
            	<div class="name1">今日发放红包</div>
            	<span class="enjoyA" id="send"></span><input type="button" style="padding: 2px 10px;width:150px;margin-left: 40px;font-size: 16px !important;" class="inButton btn btn-success" value="查看红包发放记录 " onclick="sendRedNotes()">
            	</td>
            </tr>
			</table>
            <div class="div1 panel-body">
                <form class="form-horizontal">
                       <div class="form-group">
                        <label class="selectlabe1 col-md-1 lt form-lable" >红包名称：</label>
                        <div class="selectdivs col-md-3 lt" >
                            <input id="rName" name="rName" type="text" class="form-control"/>
                        </div>
                       
                       	<label class="selectlabe2 col-md-1  lt form-lable">红包状态：</label>
                        <div class="selectdivs col-md-3 lt">
                            <select name="status" id="status" class="form-control col-md-1">
                                <option value="">请选择类型</option>
                                <option value="0">审核中</option>
                                <option value="1">进行中</option>
                                <option value="2">已下架</option>
                            </select>
                        </div>
                        
                        <div class="col-md-1 form-action lt">
                            <button class="btn btn-success form-control" id="query">查询</button>
                        </div>
                        <div class="col-md-1 form-action lt">
                            <button class="btn btn-success form-control" id="resetForm">清空</button>
                        </div>
                   	</div>
         			
                </form>
            </div>
        </div>
	    <div class="jqGrid_wrapper">
	        <div id="jqGrid_operation" class="jg-grid">
	            <div class="jqGrid_operation" id="action"></div>
	        </div>
	        <table id="jqGrid"></table>
	        <div id="jqGrid_paper"></div>
	    </div>
	</div>
</div>
<script>

    $(document).ready(
            function () {

				$("#countAmount").html('${agtAmount}'+" 元");
				$("#red").html('${red}'+" 个");
				$("#send").html('${redCountTody}'+" 个红包， "+'${redMoneyTody}'+" 元");
				var timestampnow=new Date().getTime();
					
                $.jgrid.defaults.styleUI = "Bootstrap";
                $("#jqGrid").jqGrid(
                        {
                            url: "${pageContext.request.contextPath}/admin/redPacket_page.action",
                            mtype: 'POST',
                            datatype: "json",
                            height: 350,
                            autowidth: true,
                            shrinkToFit: true,
                            rowNum: 10,
                            rowList: [10, 20, 30],
                            colNames: ['序号', '红包名称', '状态', '小区', '时间', '已领数量 / 红包总数',
                                '已领金额 / 红包金额', '操作'],
                            colModel: [{
                                name: "SID",
                                index: "SID",
                                key: true,
                                hidden: true
                            }, {
                                name: 'RNAME',
                                index: 'RNAME',
                                width: 40
                            },{
                                name: "AUDITSTATUS",
                                index: "AUDITSTATUS",
                                width: 40,
                                formatter: function (cellvalue, options, rawObject) {

                                	if(cellvalue=='no'){
                                    	return '';
                                    }else if(cellvalue=='0'){
                                    	if(rawObject.RSTATUS =='0'){
                                    		return '审核中';
                                        }else{
                                        	return '已下架';
                                        }
                                    }else if(cellvalue == '1'){
                                     	if(rawObject.RSTATUS =='0'){
                                         	if(new Date()>new Date(rawObject.DATEEND.replace(/-/g,"/"))){
	                                     		return '已过期';
                                            }else{
	                                     		return '进行中';
                                            }
                                        }else{
                                        	return '已下架';
                                        }
                                    }else{
                                    	return '';
                                    }
                                }
                            }, {
                                name: 'COMUNAME',
                                index: 'COMUNAME',
                                width: 90,
                                formatter: function (cellvalue, options, rawObject) {
                                	if(cellvalue=='no'){
                                    	return '';
                                    }if (cellvalue == null){
                                    	return '公司：'+rawObject.AGTNAME+"\r\n社区：全部社区";
                                    }else{
                                    	return '公司：'+rawObject.AGTNAME+"\r\n社区："+cellvalue;
                                    }
                                }
                            },{
                                name: 'DATESTART',
                                index: 'DATESTART',
                                width: 80,
                                formatter: function (cellvalue, options, rawObject) {
                                	if(cellvalue=='no'){
                                    	return '';
                                    }else {
                                    	return cellvalue+" ~ " +rawObject.DATEEND+"\r\n"
                                    	+rawObject.TIMESTART+" ~ " +rawObject.TIMEEND;
                                    }
                                }
                            },{
                                name: 'CNUM',
                                index: 'CNUM',
                                width: 40,
                                formatter: function (cellvalue, options, rawObject) {
                                	if(cellvalue=='no'){
                                    	return '';
                                    }else {
                                    	return rawObject.SENDNUM+" / " +cellvalue;
                                    }
                                }
                            }, {
                                name: "AMOUNT",
                                index: "AMOUNT",
                                width: 40,
                                formatter: function (cellvalue, options, rawObject) {
                                	if(cellvalue=='no'){
                                    	return '';
                                    }else {
                                    	return getNum(rawObject.SENDAMOUNT)+" / " +getNum(cellvalue);
                                    }
                                }
                            }, {
                                name: "CZ",
                                index: "CZ",
                                width: 120,
                                formatter: function (cellvalue, options, rawObject) {
                                	if(cellvalue=='no'){
                                    	return '';
                                    }else {
                                        var retur='';
                                    	if(rawObject.A){
                                    		retur+='<input type="button" style="padding: 2px 10px" class="btn btn-success" value="查看报表 " onclick="reports('+rawObject.SID+',\''+rawObject.RNAME+'\')"/>';
                                        }
                                    	if(rawObject.AUDITSTATUS=='0'){
                                    		if(rawObject.RSTATUS =='0'){
	                                    		if(rawObject.B){
	                                        		retur+='<input type="button" style="padding: 2px 10px;margin-left: 5px;" class="btn btn-success" value="编辑 " onclick="edit('+rawObject.SID+')"/>';
	                                            }
	                                    		if(rawObject.E){
	                                        		retur+='<input type="button" style="padding: 2px 10px;margin-left: 5px;"  class="btn btn-success" value="下架 " onclick="off('+rawObject.SID+')"/>';
	                                            }
                                        	}else{
                                        		if(rawObject.C){
                                            		retur+='<input type="button" style="padding: 2px 10px;margin-left: 5px;" class="btn btn-success" value="详情 " onclick="detail('+rawObject.SID+')"/>';
                                                }
                                            }
                                    		
                                        }else if(rawObject.AUDITSTATUS=='1'){
                                        	if(rawObject.C){
                                        		retur+='<input type="button" style="padding: 2px 10px;margin-left: 5px;" class="btn btn-success" value="详情 " onclick="detail('+rawObject.SID+')"/>';
                                            }
                                            if(rawObject.RSTATUS=='0' && rawObject.E){
                                            	retur+='<input type="button" style="padding: 2px 10px;margin-left: 5px;"  class="btn btn-success" value="下架 " onclick="off('+rawObject.SID+')"/>';
                                            }
                                        }
                                    	
                                    	
                                        return retur;
                                   	}
                                }
                            }],
                            sortname: 'sid',
                            rownumbers: true,
                            jsonReader: {
                                root: 'rows',
                                page: "page",
                                total: 'total',
                                records: "records",
                                repeatitems: false
                            },
                            pager: "#jqGrid_paper",
                            viewrecords: true,
                            multiselect: true,
                            hidegrid: false,
                            loadComplete: function(){
                        		var re_records = Number($("#jqGrid").getGridParam('records'));
                        		var page = Number($("#jqGrid").getGridParam('page'));
                        		var rows=Number($("#jqGrid").getGridParam('rowNum'));
                        		var num = re_records-(page-1)*rows;
                        		if(num < rows)
                        		{
                        			for(var i=num;i<rows;i++){
                        				$("#jqGrid").jqGrid("addRowData",(i+1),
                                				{ "SID":"", "RNAME":"", "AUDITSTATUS":"no", "COMUNAME":"no", "DATESTART":"no","CNUM":"no","AMOUNT":"no","CZ":"no"}
                        				,"");
                        			}
                        			$(".ui-paging-info").html(re_records-num+1 +" - "+re_records+"　共 "+re_records+" 条");
                        		}
                        		doResize();//自适应屏幕大小
                        	}
                        });
                $("#status").select2({
                    "placeholder": "请选择类型",
                    "minimumResultsForSearch":-1
                })
                <!--查询-->
                jQuery("#query").click(query);
                jQuery("#resetForm").click(resetForm);
            });

    <!--刷新jqGrid表格数据-->
    function refreshGrid() {
        $("#jqGrid").trigger("reloadGrid");
    }
    function resetForm() {
        location.reload();
        return false;
    }
    function query() {
        var $rName = $("#rName").val();
        var $status = $("#status").val();
        
        $("#jqGrid").jqGrid('setGridParam', {
            url: "${pageContext.request.contextPath}/admin/redPacket_page.action",
            postData: {
                'rName': $rName,
                'status': $status
            }, //发送数据
            page: 1
        }).trigger("reloadGrid"); //重新载入*/
        return false;
    }
    function add(){
    	layer.open({
            type: 2,
            title: ['新增红包', 'font-weight:bold'],
            shadeClose: true, //点击遮罩关闭层
            area: ['800px', '650px'],
            scrollbar: false,
            content: '${pageContext.request.contextPath}/admin/redPacket_addView.action',
            btn: ['提交', '取消'],
            yes: function (index, layero) {
                var options = {
                    success: function (data) {
                        data = JSON.parse(data);
                        if (data.code == 1) {
                            layer.alert(data.msg, function () {
                                layer.closeAll();
                                refreshGrid();
                            });
                        } else {
                            layer.alert(data.msg);
                        }
                    }
                };
                $("#layui-layer-iframe" + index).contents().find("#form").ajaxForm(options);
                $("#layui-layer-iframe" + index).contents().find("#form").submit();
            },
            cancel: function (index, layero) {
                layer.close(index);
            }
        });
    }
    
    function reports(sid,rname){
    	layer.open({
            type: 2,
            title: ['红包报表', 'font-weight:bold'],
            shadeClose: true, //点击遮罩关闭层
            area: ['950px', '550px'],
            scrollbar: false,
            content: '${pageContext.request.contextPath}/admin/redPacket_reports.action?ruleId='+sid+'&rName='+rname,
            btn: ['关闭'],
            cancel: function (index, layero) {
                layer.close(index);
            }
        });
    }
    function edit(sid){
    	layer.open({
            type: 2,
            title: ['修改红包', 'font-weight:bold'],
            shadeClose: true, //点击遮罩关闭层
            area: ['800px', '650px'],
            scrollbar: false,
            content: '${pageContext.request.contextPath}/admin/redPacket_editView.action?sid='+sid,
            btn: ['提交', '取消'],
            yes: function (index, layero) {
                var options = {
                    success: function (data) {
                        data = JSON.parse(data);
                        if (data.code == 1) {
                            layer.alert(data.msg, function () {
                                layer.closeAll();
                                refreshGrid();
                            });
                        } else {
                            layer.alert(data.msg);
                        }
                    }
                };
                $("#layui-layer-iframe" + index).contents().find("#form").ajaxForm(options);
                $("#layui-layer-iframe" + index).contents().find("#form").submit();
            },
            cancel: function (index, layero) {
                layer.close(index);
            }
        });
      }
    function detail(sid){
    	layer.open({
            type: 2,
            title: ['红包详情', 'font-weight:bold'],
            shadeClose: true, //点击遮罩关闭层
            area: ['800px', '650px'],
            scrollbar: false,
            content: '${pageContext.request.contextPath}/admin/redPacket_tetailView.action?sid='+sid,
            btn: ['关闭'],
            cancel: function (index, layero) {
                layer.close(index);
            }
        });
    }
    function off(sid){
    	if(confirm("请确认是否下架！" )){
	   	$.post("${pageContext.request.contextPath}/admin/redPacket_off.action", {
	   		'sid': sid
         }, function (result) {
             result = JSON.parse(result)
             if (result.code == 1) {
            	 window.location.reload(); 
             }
             layer.alert(result.msg);
         });
        }
   	 }
  	 function sendRedNotes(){
  		window.location.href = "${pageContext.request.contextPath}/admin/redPacket_sendRedNotesView.action";
  	 }
function getNum(f){
	    
	    var f = Math.round(f*100)/100;    
	    var s = f.toString();    
	    var rs = s.indexOf('.');    
	    if (rs < 0) {    
	        rs = s.length;    
	        s += '.';    
	    }    
	    while (s.length <= rs + 2) {    
	        s += '0';    
	    }    
	    return s;
};


</script>
</body>
</html>
